<template>
  <div class="adjust">
    <el-tabs>
      <el-tab-pane label="待处理">
        <UnWarnInfoFilterIndex></UnWarnInfoFilterIndex>
        <div v-html="title"></div>
      </el-tab-pane>
      <el-tab-pane label="已处理">
        <WarnInfoFilterIndex></WarnInfoFilterIndex>
      </el-tab-pane>
    </el-tabs>

  </div>
</template>
<script>
  import UnWarnInfoFilterIndex from './unWarnInfoFilterIndex'
  import WarnInfoFilterIndex from './warnInfoFilterIndex.vue'
  export default {
    components: {
        UnWarnInfoFilterIndex, // 待处理
        WarnInfoFilterIndex // 已处理
    },
    data () {
      return {
        title: '<span style="font-size:20px"></span>'
      }
    },
    methods: {
      add () {
        this.$refs.editInfoDrawer.init('add')
      }
    }
  }
</script>
<style lang="scss" scoped>
@import '@/assets/scss/config.scss';
  ::v-deep.adjust{
    margin:-20px;
    >.el-tabs{
      >.el-tabs__header{
        margin-bottom: 0;
        .el-tabs__item{
          width: 120px;
          height: 50px;
          line-height: 48px;
          border: 1px solid transparent;
          /*border-radius: 6px 0px 0px 0px;*/
          font-size: 17px;
          font-family: Microsoft YaHei;
          font-weight: 400;
          text-align: center;
          padding: 0;
        }
        .el-tabs__item.is-active{
          background: $--color-primary-liyu;
          border-color: #EEEEEE;
          color: #FFFFFF;
        }
        .el-tabs__active-bar{
          display: none;
        }
        .el-tabs__nav-wrap::after{
          height: 1px;
          background: #EEEEEE;
        }
      }
      >.el-tabs__content{
        padding: 20px;
      }
    }
  }

</style>
